
<style>
    .form-horizontal .control-label{
        width:180px;
        padding-right: 10px;
    }
    .chzn-container{
        width: 271px !important;
    }
    .noSeleccionado{
        color:green !important;
    }
    .siSeleccionado{
        color:red !important;

    }

</style>

<script>
    function muestraHoraios(){

        var duracion = $('#tValDuracion').val();

        if (!isNaN(duracion)){

            $('#divDisponibilidad').show();
            var condicion = '<?php echo $fromOrd ?>';

            if(condicion != 'NULL' || '<?php echo $esReserva?>'==true ){
                
                vaEsp= $('#labelTipoSeleccionado').val();
            }
            else{

                var vaEsp= $('#labelTipoSeleccionadoNivel2').val();
                if (vaEsp=="seleccione") vaEsp= $('#labelTipoSeleccionado').val();
            }


            if(esHospitalizacion(vaEsp)){
                
                consultarEspecialidad(vaEsp,15,true);

            }else{
                
                consultarEspecialidad(vaEsp,15);
            }

        }else {

            alert('Colocar duración de la cita');

        }
    }

        
    
</script>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script language="javascript" src="<?php echo base_url(); ?>application/views/cita/functionAuxiliarCita.js"></script>


<form class="form-horizontal well" id="formReservarCitas" name="formReservarCitas"
      method="post" action="<?php echo base_url();?>cita/confirmar_cita"
      accept-charset="utf-8">



    <fieldset>
        <legend>Datos del Paciente</legend>
        <div class="control-group" id="NombrePaciente">
            <label class="control-label" id="lNombrePaciente">Código y Nombre</label>
            <div class="controls">
                <?php if(($fromOrd != 'NULL')||($esPaciente==true)|| ($esReserva==true)){?>

                <input type="text" value='<?php echo $codigoPer; ?>'  readonly class="input-xlarge" name="tvalCodigoPaciente" id="tvalCodigoPaciente">
                <input type="hidden" value='<?php echo $idPer; ?>'  readonly class="input-xlarge" name="tvalIdPaciente" id="tvalIdPaciente">
                <input type="text" value='<?php echo $nombPer; ?>'  readonly class="input-xlarge" name ="tvalNombrePaciente" id="tvalNombrePaciente">

                <?php }else{?>

                <input type="text" value='<?php echo 'CODIGO' ?>'  readonly class="input-xlarge" name="tvalCodigoPaciente" id="tvalCodigoPaciente">
                <input type="hidden" value='<?php echo '' ?>'  readonly class="input-xlarge" name="tvalIdPaciente" id="tvalIdPaciente">
                <input type="text" value='<?php echo 'NOMBRE' ?>'  readonly class="input-xlarge" name ="tvalNombrePaciente" id="tvalNombrePaciente">

                <button class="btn btn-mini  btn btn-success" type="button" onclick="buscarorden()">Buscar</button>


                <?php }?>
            </div>
        </div>
    </fieldset>

    <fieldset>
        <legend>Reservar Cita</legend>


        <?php if($esReserva==true ){ ?>
        <div class="control-group">
            <label class="" style="color:green"> <?php echo "*".$mensajeReserva?></label><br>
            <input type="hidden" id="esReserva" name="esReserva" value="<?php echo $esReserva ?>"/>
            <input type="hidden" id="codReserva" name="codReserva" value="<?php echo $codReserva ?>"/>
        </div>
        <?php }?>



        <?php if(($fromOrd!='NULL')||($esReserva==true)){?>

        <div class="control-group" id="NumeroOrden">

            <?php if($esReserva!=true){?>
            <label class="control-label" id="lNunmeroOrden">Numero de Orden</label>
            <div class="controls">
                <input type="text" value='<?php echo $fromOrd; ?>' readonly class="input-xlarge" name ="numOrden" id="numOrden">
            </div>
            <br>
            <?php }else{?>
             <input type="hidden" id="numOrden" name="numOrden" value="<?php echo $fromOrd ?>"/>
             <?php }?>

            <label class="control-label" id="lNombEspecialidad">Especialidad</label>
            <div class="controls">
                <input type="text" value='<?php echo $fromOrdEspNombre; ?>' readonly class="input-xlarge" name ="nombreEspecialidad" id="nombreEspecialidad">
                <input type="hidden" value='<?php echo $fromOrdEsp; ?>' readonly class="input-xlarge" name ="labelTipoSeleccionado" id="labelTipoSeleccionado">

            </div>

        </div>

        <?php }else{?>
        <input type="hidden" id="numOrden" name="numOrden" value="<?php echo $fromOrd ?>"/>
        <?php }?>

        <?php if($fromProc != 'NULL'){?>
        <div class="control-group" id="NumeroProcedimiento">
            <label class="control-label" id="lNumeroProcedimiento">Nombre de Procedimiento</label>
            <div class="controls">
                <input type="text" value='<?php echo '' ?>' readonly class="input-xlarge" name ="numProcedimiento" id="numProcedimiento">

            </div>
        </div>
        <?php }else{?>
        <input type="hidden" id="numProcedimiento" name="numProcedimiento" value="<?php echo $fromProc; ?>"/>
        <?php }?>





        <?php if($fromOrd=='NULL' && $esReserva!=true ){ ?>
        <div class="control-group">


            <label class="control-label" for="tCita">Tipo de Cita</label>

            <?  $usuario=$this->session->userdata('logged_in'); $idPerfil=$usuario['perfil'];  ?>
            
            <div class="controls">
                <select data-placeholder="Eliga el tipo de cita"
                        class="chzn-select input-xlarge" name="tCita" id="tCita">
                    <option value="seleccione">Seleccione</option>

                    <option value='<?php echo ID_ESP_CITAAMBULATORIA?>'>Cita Ambulatoria</option>

                    <!-- Filtro por perfil DOCTO Y ENFERMERA -->
                    <? if (($idPerfil==PERFIL_DOCTOR)||($idPerfil==PERFIL_ENFERMERA)){ ?>
                        <option  value= '<?php echo ID_ESP_EMERGENCIAS?>'>Emergencia</option>
                    <?} ?>

                </select>
            </div>
        </div>




        <div class="control-group">

            <label class="control-label"  id="labelSelecionado" style="display:none">Subtipo</label>
            <div class="controls" id="comboSeleccionEsp" style="display:none;">
                <select data-placeholder=""
                        class="chzn-select input-xlarge" name="labelTipoSeleccionado" id="labelTipoSeleccionado">

                    <option value="seleccione">Seleccione</option>

                </select>
            </div>


        </div>

        <div class="control-group">
            <label class="control-label"  id="labelSelecionadoNivel2" style="display:none">Especialidad</label>
            <div class="controls" id="comboSeleccionEspNivel2" style="display:none;">
                <select data-placeholder=""
                        class="chzn-select input-xlarge" name="labelTipoSeleccionadoNivel2" id="labelTipoSeleccionadoNivel2">

                    <option value="seleccione">Seleccione</option>

                </select>
            </div>
        </div>

        <?php }?>
        <!-- campos del metamodelo -->
       <div id="campos_metamodelo">

       </div>
        <!-------------------------->



        <div class="control-group" id="NombreDoctor">
            <label class="control-label" id="lNombreDoctor">Nombre del Doctor</label>
            <div class="controls">
                <input type="text" value='<?php echo 'NOMBRE' ?>' readonly class="input-xlarge" name ="tvalNombreDoctor" id="tvalNombreDoctor">
                <input type="hidden" value='<?php echo '' ?>'  class="input-xlarge" name="tIdNombreDoctor" id="tIdNombreDoctor">
            </div>
        </div>

        <div class="control-group" id="FechaCita">
            <label class="control-label" id="lFechaCita">Fecha y Hora</label>
            <div class="controls">
                <input type="text" value='<?php echo 'Fecha de la cita' ?>'  readonly class="input-xlarge" name="tValFechaCita" id="tValFechaCita">
            </div>
        </div>
        <div class="control-group" id="DuracionCita">
            <label class="control-label" id="lDuracionCita">Duración</label>
            <div class="controls">

                <?php if($fromOrd=='NULL'){ ?>
                <input type="text" value='<?php echo '15' ?>'  readonly class="input-xlarge" name="tValDuracion" id="tValDuracion">
                <?php }else{ ?>
                <input type="text" value='<?php echo 'DURACION' ?>' class="input-xlarge" name="tValDuracion" id="tValDuracion">
                <?php }?>
            </div>
        </div>

        <div class="form-actions">
            <!--<div id="sigButton"class="btn btn-primary">Solicitar</div>-->
            <button id="solicitarCita" type="submit"  disabled class="btn btn-primary">Solicitar</button>

        </div>

        <!--<div class="span5">-->

        <div id="seccion_consulta_horarios" class="form-actions"   <?php echo (($fromOrd != 'NULL') || ($esReserva==true))?"":"style='display:none;'" ?> >

            <div class="control-group">
                <!-- VENTANA MODAL: BUSCAR HORARIO -->
                <button class="btn btn-mini  btn btn-success" type="button" onclick="muestraHoraios()">Buscar Horario</button>

            </div>
        </div>



    </fieldset>
</form>
<!--BUSCAR DISP-->
<div id="divDisponibilidad">

    <div class="row-fluid">
        <div class="span3">
            <div id='msgDiv'></div>
            <?php
            $now = date('d-m-Y');
            latisoft_datePicker("datePickerHorario", "Fecha",
                'dd-mm-yyyy', $now, true, "90");
            $this->load->view('horario/horario_sidebar_detalle');
            ?>
        </div>
        <div class="span9">
            <?php
            $this->load->view('horario/disponibilidad');
            ?>
        </div>
    </div>

</div>

<!-- Modal -->
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none;width:900px;">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="limpiartabla('tablPac')" >×</button>
        <h3 id="myModalLabel">Buscar Persona</h3>
    </div>

    <div class="modal-body" style="height:550px;">
        <div class="control-group">
            <label class="control-label" for="Documento">Documento</label>
            <div class="controls"><input type="text" class="input-xlarge" id="Documento"></div>
        </div>
        <div class="control-group">
            <label class="control-label" for="confNombre">Nombres</label>
            <div class="controls"><input type="text" class="input-xlarge" id="confNombre"></div>
        </div>
        <div class="control-group">
            <label class="control-label" for="ApellidoPat">Apellido Paterno</label>
            <div class="controls"><input type="text" class="input-xlarge" id="ApellidoPat"></div>
        </div>
        <div class="control-group">
            <label class="control-label" for="ApellidoMat">Apellido Materno</label>
            <div class="controls"><input type="text" class="input-xlarge" id="ApellidoMat"></div>
        </div>
        <div class="control-group">
            <button class="btn btn-mini  btn btn-success" type="button" onclick="realizarbusq('Documento','confNombre','ApellidoMat','ApellidoPat','tablPac','<?php echo base_url(); ?>cita/busqPaciente')">Buscar</button>
        </div>
        <table id="tablPac" class="table table-hover" width="700px">
            <tbody>
            <caption><h4>Pacientes</h4></caption>
            <thead>
            <th>Codigo</th>
            <th>Nombres</th>
            <th>Apellidos</th>
            </thead>
            </tbody>
        </table>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true" onclick="limpiartabla('tablPac')">Close</button>
    </div>



</div>
<!-- Fin Modal-->




<script>
    //consultarEspecialidad(102, 20);//idEspecialidad y duracion

    function elegirFechaYPersonal(fechaSel, idPersona, nombreCompleto){
        //alert(""+fechaSel+" "+idPersona+" "+nombreCompleto);
        alert("Se esta seleccionando \n Pesonal:"+nombreCompleto+" \n Fecha y Hora :"+fechaSel+"");


        $('#tvalNombreDoctor').val(nombreCompleto);
        $('#tIdNombreDoctor').val(idPersona);
        $('#tValFechaCita').val(fechaSel);
        $('#solicitarCita').removeAttr("disabled");

    }

    function buscarorden(){
        $('#myModal').modal('show')
    }
</script>
<!--BUSCAR DISP-->


<script>

   

    $(document).ready(function() {

        $("#divDisponibilidad").hide();

         $("#solicitarCita").click(function(){

            if(validaCita()){ return true;}
            else {
                alert("Debe seleccionar un paciente");
                return false;
            }

         });

         
        $("#tCita").change(function(){

            $('#labelSelecionadoNivel2').hide();
            $('#comboSeleccionEspNivel2').hide();
            var seleccionado =$(this).val();

            get_especialidades(seleccionado);

            if (seleccionado!="seleccione"){
                
                $('#labelSelecionado').show();$('#comboSeleccionEsp').show();
                
                /*************Caso especial de emergencia***************/
                if (seleccionado=='<?echo ID_ESP_EMERGENCIAS?>'){ agregar_campos(seleccionado);}
                /*******************************************************/


            }else{

                $('#labelSelecionado').hide();
                $('#comboSeleccionEsp').hide();
                $('#labelSelecionadoNivel2').hide()
                $('#comboSeleccionEspNivel2').hide();
                $("#campos_metamodelo_data").remove();
                
            }
        });


        $("#labelTipoSeleccionado").change(function(){

            var seleccionadoNivel2 = $(this).val();

            if (seleccionadoNivel2!="seleccionado"){
                $('#opc_buscar').show();
                $('#seccion_consulta_horarios').show();

                //Se agregan los campos del metamodelo
                agregar_campos($('#labelTipoSeleccionado').val());

            }else{
                $('#opc_buscar').hide();
                $('#labelSelecionadoNivel2').hide();
                $('#comboSeleccionEspNivel2').hide();
            }
        });

        $("#consulta_horarios").click(function(){

            $.ajax({
                url: "consulta_horarios",
                type: "POST",
                data: {  },
                dataType: "html",
                scriptCharset: "utf-8" ,
                async:false,
                beforeSend: function (){
                },
                success: function (response){

                    var dynamic_options = $("*").index( $('.horarioConsultado')[0] );

                    if ( dynamic_options != (-1))
                    { $(".horarioConsultado").remove();
                    }

                    $("#horarios_disponibles").append(response);

                }

            });


        });

     
    });



    function esHospitalizacion(esp){

        var result=false;

        $.ajax({
                url: "getIfHospitalizacion",
                type: "POST",
                data: { 
                    especialidad : esp
                 },
                dataType: "html",
                scriptCharset: "utf-8" ,
                async:false,
                beforeSend: function (){
                },
                success: function (response){

                    var respuesta=response;//0 =false ,1=true
                    
                    if (respuesta==1) result=true;
                    

                }

            });
        return result;
        

        }


    function get_especialidades(tipo)
    {

        $.ajax({
            url: "obt_tipos",
            type: "POST",
            data: {
                tipo_cita : tipo
            },
            dataType: "html",
            scriptCharset: "utf-8" ,
            async:false,
            beforeSend: function (){
            },
            success: function (response){

                var options = '';
                var selectedText = '';
                var cont = 0;

                var dynamic_options = $("*").index( $('.lAjaxTipoSeleccionado')[0] );

                if ( dynamic_options != (-1))
                {   $("#campos_metamodelo_data").remove();//quitar campos de metamodelo
                    $(".lAjaxTipoSeleccionado").remove();
                }

                $("#labelTipoSeleccionado").append(response);
                $("#labelTipoSeleccionado").trigger("liszt:updated");

            }
        });
    }

    function get_especialidadesNivel2(id)
    {

        $.ajax({
            url: "obt_tipos_2nivel",
            type: "POST",
            data: {
                id_tipo2nivel : id
            },
            dataType: "html",
            scriptCharset: "utf-8" ,
            async:false,
            beforeSend: function (){
            },
            success: function (response){
                var dynamic_options = $("*").index( $('.lAjaxTipoSeleccionado')[0] );

                if ( dynamic_options != (-1))
                { $(".lAjaxTipoSeleccionadoNivel2").remove();
                }

                $("#labelTipoSeleccionadoNivel2").append(response);
                $("#labelTipoSeleccionadoNivel2").trigger("liszt:updated");

            }
        });

    }

    function agregar_campos(id)
    {
        $.ajax({
            url: "agregar_campos",
            type: "GET",
            data: {
                idEspecialidad : id
            },
            dataType: 'html',
            cache: false,
            beforeSend: function() {

            },
            success: function(data){
                var datos= data.split('&2&');
                var res1=datos[0].toString();
                var response2=datos[1];


                if (res1 != "")
                {   $("#campos_metamodelo_data").remove();

                    var cadena="<div id ='campos_metamodelo_data'>"+

                        "<input type='hidden' value='"+response2+"' readonly id='campos_numeros' name='campos_numeros'>"+

                    res1+"</div>";

                    $("#campos_metamodelo").append(cadena);

                }
            },
            error: function(xhr, textStatus, errorThrown) {
                msg("error", "Error", "Ha ocurrido un error");
            }
        });

    }

    function validaCita(){
        
        if(($("#tvalCodigoPaciente").val()=="CODIGO")||($("#tvalNombrePaciente").val()=="NOMBRE")) 
            return false;
        else return true;
    }

     window.onload = function(){

        var perfil='<?php echo $userperfil;?>';
        var from='<?php echo $from;?>';
        
        if(from =='<?php echo ID_ESP_EMERGENCIAS?>' && ( (perfil=='<?php echo PERFIL_DOCTOR?>')||(perfil=='<?php echo PERFIL_ENFERMERA?>'))){

            $('#tCita').val(from); 
            $("#tCita").trigger("liszt:updated");
            $('#labelSelecionado').show();$('#comboSeleccionEsp').show();
            agregar_campos(from);
            get_especialidades(from);
            $("#labelTipoSeleccionado").trigger("liszt:updated");
        }

    };








</script>